﻿@{
    ViewBag.Title = "_CenterHeader";
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>览月齐鲁</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le styles -->
    <link href="@Url.Content("~/BootStrap/css/bootstrap.css")" rel="stylesheet" />
    <link href="@Url.Content("~/css/center.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Carousel/allinone_thumbnailsBanner.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Carousel/featureCarousel.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Carousel/accordion.css")" rel="stylesheet" />
    <link href="@Url.Content("~/css/item.css")" rel="stylesheet" />
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="BootStrap/js/html5.js"></script>
        <script src="BootStrap/js/respond.src.js"></script>
        
    <![endif]-->
    <!--[if lte IE 6]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/bootstrap-ie6.css">
    <![endif]-->
    <!--[if lte IE 7]>
        <link rel="stylesheet" type="text/css" href="BootStrap/css/ie.css">
    <![endif]-->
    <!-- Fav and touch icons -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://www.bootcss.com/assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.bootcss.com/assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.bootcss.com/assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="http://www.bootcss.com/assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
    <div class="modal hide fade" id="GetVipModal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">×</button>
            <h3>兑换Vip</h3>
        </div>
        <div class="modal-body">
            <div id="toInput">
                <p>请输入购买杂志的发票编号:</p>
                <p>
                    <input id="number" name="number" type="text" />
                </p>
            </div>
            <p class="message"></p>
        </div>

        <div class="modal-footer">
            <a href="#" class="btn" data-dismiss="modal">关闭</a>
            <a href="javaScript:void(0)" id="makesureVip" data-url="@Url.Action("BuyVip", "account")" class="btn btn-inverse">确定</a>

        </div>

    </div>

    @Html.Partial("_CenterHeader")


    <div class="container center_info">
        <div class="row">
            @Html.Partial("_CenterNavBar")

            @RenderBody()
        </div>
    </div>

    @Html.Partial("_CenterFooter")


    <script src="@Url.Content("~/BootStrap/js/jquery-1.9.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/BootStrap/js/bootstrap.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/BootStrap/js/jquery-ui.min.js")"></script>
    <script src="@Url.Content("~/lazyload/unveil.js")"></script>
    @RenderSection("JavaScript", required: false)
    <script type="text/javascript" src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script type="text/javascript">
        $(function () {
            var $ul = $("#navUl");
            var actionLi = $ul.data("active-li");
            actionLi = actionLi == "Index" ? "" : actionLi;
            if (actionLi == "") {
                $ul.find("li a[href='/center']").parent().addClass("current")
            }
            else {
                $ul.find("li a[href='/center" + "/" + actionLi + "']").parent().addClass("current");
            }

            $("#GetVip").click(function () {
                $("#GetVipModal").modal("show");
            });

            $("#makesureVip").click(function () {
                var url = $(this).data("url");
                var number = $("#GetVipModal").find("#number").val();
                if (number != "" && number != null) {
                    $.ajax({
                        url: url,
                        data: { number: number },
                        type: "POST",
                        dataType: "json",
                        success: function (data) {
                            if (data.isSucceed) {
                                $("#toInput").hide();
                            }
                            $("#GetVipModal p.message").html(data.message);
                        }

                    });
                }
            });


            var city = returnCitySN.cname;
            $(".location").html(city);
            var $menu = $('.menu-list li');
            $('.main:gt(0)').hide();
            $menu.click(
                function () {
                    $(this).addClass('current').siblings().removeClass('current');
                    $(this).children().children('i').addClass('icon-white');
                    $(this).siblings().children().children('i').removeClass('icon-white');
                    var $menu_index = $menu.index(this);
                    $('.main').eq($menu_index).show().siblings('.main').hide();
                }
            )
            $('.highlight').hover(function () {
                $(this).css("border-color", "#666");
            }, function () {
                $(this).css("border-color", "#e3e3e3");
            })

        })
    </script>
    <!--[if lte IE 6]>
<script type="text/javascript" src="js/bootstrap-ie.js"></script>
<![endif]-->


</body>
</html>
